<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<link rel="icon" href="/favicon.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<script src="/js/tfjs.js"></script>
		<script src="/js/body-pix.js"></script>
		<title>数字图像处理讨论课</title>
	</head>
	<body>
		<div id="app"></div>
		<script type="text/javascript">
			window.$assets = {
				count: 19,
				dir: "./bg/",
				path(i) {
					return `${this.dir}${i}.png`;
				},
				list() {
					return Array(this.count)
						.fill(0)
						.map((_, i) => this.path(i));
				},
				model: "./model.png",
				origin: "./origin.png",
				pixDemo: "./models/0.png",
				modelDir: "./models/",
				modelCount: 10,
				modelList() {
					return Array(this.modelCount)
						.fill(0)
						.map((_, i) => `${this.modelDir}${i}.png`);
				},
				suitColor: {
					r: [26, 175],
					g: [150, 247],
					b: [91, 224],
				},
			};
		</script>
		<script type="module" src="/src/main.ts"></script>
	</body>
</html>

<!-- 175,240,91
40,234,141
96,247,96
26,199,194
47,150,224 -->
